<template>
	<view class="fuwu">
		<view class="view" v-for="(item,index) in datalist" :key='index'>
			<view style="" class="text1 views">{{item.text}}</view>
			<view class="text2 views">
				<view style="color: #cdcdcd; font-size: 20rpx; width: 95%; text-align: right; margin-right: 10rpx;"  >{{item.text2}}</view>
				<view class="imgs">
					<image  src="../../static/iamges/tubiaox.png" mode=""></image>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		name:"fuwu",
		data() {
			return {
				datalist:[
					{text:'交易规则',text2:'交易规则/买入规则/卖出规则'},
					{text:'价格提醒',text2:'设置价格提醒'},
					{text:'实物兑换',text2:'提取实物金'},
				]
			};
		}
	}
</script>

<style lang="scss" scoped>

	.fuwu{
			
		border-radius: 20rpx;
		height: 300rpx;
		width: 100%;
		background-color: #FFFFFF;
		margin-top: 24rpx;
		padding-bottom: 50rpx;
		padding-left: 30rpx;
		padding-right: 30rpx;
		.view{
			height: 33.33%;
			border-bottom: 1px solid #cdcdcd;
			display: flex;
			.text1{
				font-size: 28rpx;
				color: #333333;
			}
			.views{
				width: 50%;
				height: 100%;
			
				padding-left: 40rpx;
				line-height: 77.8rpx;
				display: flex;
				.imgs{
					image{
						transform: scale(-1);
						width:15rpx;
						height: 20rpx;
					}
				}
			}
		}
	}
</style>
